<%-- 
    Document   : managerconduct
    Created on : May 16, 2012, 8:45:20 AM
    Author     : NDC
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<meta charset="utf-8"/>
<title>Admin Panel</title>

<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/myCSS.css" type="text/css" media="screen" />
<!--[if lt IE 9]>
	<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen" />
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
<script src="js/jquery-1.5.2.min.js" type="text/javascript"></script>
<script src="js/hideshow.js" type="text/javascript"></script>
<script src="js/jquery-1.8.16.custom.min.js" type="text/javascript"></script>
<script src="js/jquery.mousewheel.js" type="text/javascript"></script>
<script src="js/will_pickdate.js" type="text/javascript"></script>
<script src="js/managerConduct_UI.js" type="text/javascript"></script>
<script src="js/managerConduct_data.js" type="text/javascript"></script>
<script src="js/managerConduct.js" type="text/javascript"></script>

<script src="js/jquery.tablesorter.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.equalHeight.js"></script>
<script type="text/javascript">
    jQuery.noConflict();
    jQuery(document).ready(function() 
    { 
        jQuery(".tablesorter").tablesorter();       
    } 
);
    jQuery(document).ready(function() {

        //When page loads...
        jQuery(".tab_content").hide(); //Hide all content
        jQuery("ul.tabs li:first").addClass("active").show(); //Activate first tab
        jQuery(".tab_content:first").show(); //Show first tab content

        //On Click Event
        jQuery("ul.tabs li").click(function() {

            jQuery("ul.tabs li").removeClass("active"); //Remove any "active" class
            jQuery(this).addClass("active"); //Add "active" class to selected tab
            jQuery(".tab_content").hide(); //Hide all tab content

            var activeTab = jQuery(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
            jQuery(activeTab).fadeIn(); //Fade in the active ID content
            return false;
        });

    });
</script>
<script type="text/javascript">
    jQuery(function(){
        jQuery('.column').equalHeight();
    });
</script>

</head>


<body>

    <header id="header">
        <hgroup>
            <h1 class="site_title"><a href="index.html">Website Admin</a></h1>
            <h2 class="section_title">National Level Paper Presentation</h2><div class="btn_view_site"><a href="#">View Site</a></div>
        </hgroup>
    </header> <!-- end of header bar -->

    <section id="secondary_bar">
        <div class="user">
            <p id="admin_name">John Doe</p>
            <a class="logout_user" href="LoginServlet?action=logout" title="Logout">Logout</a>
        </div>
        <div class="breadcrumbs_container">
            <article class="breadcrumbs"><a href="index.html">Website Admin</a> <div class="breadcrumb_divider"></div> <a class="current">Welcome</a></article>
        </div>
    </section><!-- end of secondary bar -->

    <aside id="sidebar" class="column">
        <form class="quick_search">
            <input type="text" value="Quick Search" onfocus="if(!this._haschanged){this.value=''};this._haschanged=true;">
        </form>
        <hr/>
        <h3>Manager Schedule Activity</h3>
        <ul class="toggle">
            <li id="Create_ShedulerActivity" class="icn_new_article"><a >New schedule Activity</a></li>
            <li id="All_ShedulerActivity" class="icn_categories"><a >Category Activity</a></li>
        </ul>
        <h3>Users</h3>
        <ul class="toggle">
            <!--<li class="icn_add_user"><a href="#">Add New User</a></li>-->
            <li class="icn_view_users"><a href="#">View Users</a></li>
            <li class="icn_profile"><a href="#">Your Profile</a></li>
        </ul>
        <!--<h3>Media</h3>
        <ul class="toggle">
            <li class="icn_folder"><a href="#">File Manager</a></li>
            <li class="icn_photo"><a href="#">Gallery</a></li>
            <li class="icn_audio"><a href="#">Audio</a></li>
            <li class="icn_video"><a href="#">Video</a></li>
        </ul>-->
        <h3>Admin</h3>
        <ul class="toggle">
            <!--<li class="icn_settings"><a href="#">Options</a></li>
            <li class="icn_security"><a href="#">Security</a></li>-->
            <li class="icn_jump_back"><a href="LoginServlet?action=logout">Logout</a></li>
        </ul>

        <footer>
            <hr />
            <p><strong>Copyright &copy; 2012 Website Admin</strong></p>
            <p>Theme by <a href="http://www.medialoot.com">National Level Paper Presentation</a></p>
        </footer>
    </aside><!-- end of sidebar -->

    <section id="main" class="column">

        <h4 class="alert_info">Welcome to the site Admin</h4>

        <!--<article class="module width_full">
            <header><h3>Stats</h3></header>
            <div class="module_content">
                <article class="stats_graph">
                    <img src="http://chart.apis.google.com/chart?chxr=0,0,3000&chxt=y&chs=520x140&cht=lc&chco=76A4FB,80C65A&chd=s:Tdjpsvyvttmiihgmnrst,OTbdcfhhggcTUTTUadfk&chls=2|2&chma=40,20,20,30" width="520" height="140" alt="" />
                </article>
    
                <article class="stats_overview">
                    <div class="overview_today">
                        <p class="overview_day">Today</p>
                        <p class="overview_count">1,876</p>
                        <p class="overview_type">Hits</p>
                        <p class="overview_count">2,103</p>
                        <p class="overview_type">Views</p>
                    </div>
                    <div class="overview_previous">
                        <p class="overview_day">Yesterday</p>
                        <p class="overview_count">1,646</p>
                        <p class="overview_type">Hits</p>
                        <p class="overview_count">2,054</p>
                        <p class="overview_type">Views</p>
                    </div>
                </article>
                <div class="clear"></div>
            </div>
    
        </article>--> <!-- end of stats article -->



        <div class="clear"></div>
        <article id="Div_createSA" class="module width_full" style="display: block;">
            <header>
                <h3>Create New Schedule Activity</h3>

            </header>
            <div class="module_content">
                <h4 id="Div_createSA_alert_warning" style="display:none;width: 100%;margin-left: 0%;" class="alert_warning">A Warning Alert</h4>
                <h4 id="Div_createSA_alert_success" class="alert_success" style="display:none;width: 100%;margin-left: 0%;">A Success Message</h4>
                <fieldset>
                    <label>Title Schedule Activity</label>
                    <input type="text" id="txtTitleSA">
                </fieldset>
                <fieldset>
                    <label>Description</label>
                    <textarea rows="4" id="txtDescripSA"></textarea>
                </fieldset>
                <fieldset style="width:41%; float:left; margin-right: 1%;">
                    <label>Take place at Location</label>
                    <input type="text" id="txtLocaSA" style="width:80%;" />
                </fieldset>
                <fieldset style="width:28%; float:left;margin-right:1%;">
                    <label>Start Date</label>
                    <input type="text" style="width:85%;" id="SA_startdate" onclick="openDateChoose('SA_startdate')"  />
                </fieldset>
                <fieldset style="width:28%; float:left;">
                    <label>End Date</label>
                    <input type="text" style="width:85%;" id="SA_enddate" onclick="openDateChoose('SA_enddate')" />
                </fieldset>
                <div style="padding-left: 0%;padding-top: 12%;">
                    <input type="submit" value="Create Schedule Activity" id="SA_SUBMIT" >
                    <input type="submit" value="Reset" id="SA_RESET">
                </div>
                <div class="clear"></div>
            </div>
            <footer>

            </footer>
        </article><!-- end of create new conduct -->
        <div class="clear"></div>
        <article id="Div_Activity" class="module width_full" style="display: none;">
            <header id="headerConfig">
                <h3>All Activities begin ... to ...</h3>
            </header>
            <div class="module_content">

                <fieldset style="width: 100%;" id="cb_date_event">
                    <select id="select_allday" style="width: 30%;">
                        <!--<option>21-01-2012</option>
                        <option>22-01-2012</option>
                        <option>23-01-2012</option>
                        <option>24-01-2012</option>
                        <option>25-01-2012</option>
                        <option>26-01-2012</option>-->
                    </select>
                    <input id="addActiv" type="submit" value="View Activity by date" />
                    <input id="closeActiv" type="submit" value="CLOSE" />
                    <input id="BackToShedulerActivity" type="submit" value="Back to Schedule" />
                </fieldset>
                <h4 id="Div_Activity_alert_warning" style="margin-left: 0%;width: 100%;display: none;"  class="alert_warning">A Warning Alert</h4>



                <h4 id="Div_Activity_alert_success" style="margin-left: 0%;width: 100%;display: none;"  class="alert_success">A Success Message</h4>

                <fieldset id="configActive" style="width:30%; float:left; margin-right: 1%;display: none;">
                    <div >
                        <label style="padding-left:28%;">Activity Details</label>

                    </div>
                    <table>
                        <tr>
                            <td style="width: 34%;">Title : </td>
                            <td>
                                <input id="titleofActivi" type="text" style="width: 85%;">
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 34%;">Talk about : </td>
                            <td>
                                <select id="typeOfActivity" style="width: 91%;">
                                    <option>IT</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 34%;">
                                Address :
                            </td>
                            <td>
                                <input type="text" id="addressOfActivi" style="width: 85%;">
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 34%;">
                                Time Start :
                            </td>
                            <td>
                                <input type="text" id="timeStartofActivi" style="width: 85%;" onclick="openTimeChoose('timeStartofActivi')">
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 34%;">
                                Time End :
                            </td>
                            <td>
                                <input type="text" id="timeEndofActivi" style="width: 85%;"  onclick="openTimeChoose('timeEndofActivi')">
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 34%;">
                                Max People :
                            </td>
                            <td>
                                <input type="text" id="limitedAccessofActivi" style="width: 85%;">
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 34%;">
                                Fee :
                            </td>
                            <td>
                                <input type="text" id="FeeofActivi" style="width: 85%;">
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 33%;">
                                Send to :
                            </td>
                            <td>
                                <input type="text" id="sendToofActivi" style="width: 85%;">
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 34%;">Description :</td>
                            <td>
                                <textarea id="descripofActivi" rows="10" style="width: 85%;"></textarea>

                            </td>
                        </tr>
                        <tr>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td colspan="2" style="width: 33%;padding-left: 36%;padding-top: 4%;"><input type="submit" value="Save" id="save_activity"> <input type="submit" value="Reset"></td>

                        </tr>
                    </table>
                </fieldset>
                <fieldset id="tableshowActiv" style="width:68%; float:left; margin-right: 0%;display: none;">
                    <div id ="contaner_table">
                        <!-- set html draw table here !-->
                    </div>

                    <div id="EditActivityContainer" class="cc-container" style="display:none;">
                        <div class="cc-header" >
                            Update Activity
                        </div>
                        <div id="EditActivityDiv" class="cc-contents" >

                            <table id="table_edit_activity" cellpadding="4" cellspacing="0">
                                <tr>
                                    <td ><label>Title : </label>
                                    </td>
                                    <td>
                                        <input id="titleofActivi_edit" type="text" class="large cc-card-number" />
                                        <input id="idhidden" type="hidden" />
                                    </td>

                                </tr>
                                <tr>
                                    <td style="width: 97px;">
                                        <label>Talk about : </label>
                                    </td>
                                    <td>
                                        <div class="cc-ddl">
                                            <div class="cc-ddl-o">
                                                <select id="typeOfActivity_edit" class="cc-ddl-type" >

                                                </select>
                                            </div>
                                            <div class="cc-ddl-header">
                                                <div class="cc-ddl-title">
                                                    Select Type
                                                </div>
                                            </div>
                                            <div class="cc-ddl-contents">


                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td >
                                        <label> Address :</label>
                                    </td>
                                    <td>
                                        <input type="text" id="addressOfActivi_edit" class="large cc-card-number" />
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        Time Start :
                                    </td>
                                    <td>
                                        <input type="text" id="timeStartofActivi_edit" onclick="openTimeChoose('timeStartofActivi_edit')" class="small" />
                                    </td>
                                    <td >
                                        Time End :
                                    </td>
                                    <td>
                                        <input type="text" id="timeEndofActivi_edit" onclick="openTimeChoose('timeEndofActivi_edit')" class="small" />
                                    </td>
                                </tr>

                                <tr>
                                    <td >
                                        Max People :
                                    </td>
                                    <td>
                                        <input type="text" id="limitedAccessofActivi_edit"  class="small" />
                                    </td>
                                    <td >
                                        Fee :
                                    </td>
                                    <td>
                                        <input type="text" id="FeeofActivi_edit" class="small" />
                                    </td>

                                <tr>
                                    <td >
                                        Send to :
                                    </td>
                                    <td>
                                        <input type="text" id="sendToofActivi_edit" class="large cc-card-number" />
                                    </td>

                                </tr>
                                <tr>
                                    <td style="width: 34%;">Description :</td>
                                    <td>
                                        <textarea id="descripofActivi_edit" rows="10" style="width: 85%;"></textarea>

                                    </td>  
                                </tr>
                                <tr>
                                    <td colspan="2" style="width: 33%;padding-left: 36%;padding-top: 4%;">
                                        <input type="submit" value="Edit Activity" id="edit_activity" class="cc-checkout">
                                        <input type="reset" value="Close" id="close_edit_activity" class="cc-checkout">
                                    </td>

                                </tr>        
                            </table>

                        </div>
                    </div>
                </fieldset>

                <div class="clear"></div>
            </div>
            <footer>

            </footer>
        </article><!-- end of detail conduct -->
        <div class="clear"></div>
        <article id="Div_showAll_Activity" class="module width_full" style="display:none;">
            <header>
                <h3 class="tabs_involved">All Sheduler Activity</h3>
                <ul class="tabs">
                    <li >
                        <a onclick="drawTableShowAllShedulerActivity('ongoing')">On Going</a>
                    </li>
                    <li>
                        <a onclick="drawTableShowAllShedulerActivity('comingsoon')">Coming soon</a>
                    </li>
                    <li>
                        <a onclick="drawTableShowAllShedulerActivity('finished')">Finished</a>
                    </li>
                </ul>
            </header>
            <div class="module_content">
                <fieldset style="width: 101%">
                    <div style="padding-left: 0%;">
                        <table id="tableShowAllConduct">
                            <tr>
                                <th class="header">Title </th>
                                <th class="header">Duration Time</th>
                                <th class="header">Location</th>
                                <th class="header">Description</th> 
                                <th class="header">Total People</th>
                                <th class="header">Action</th>
                            </tr>
                            <tr>
                                <td style="width: 120px;text-align: center;">aaaaaaaaaaaaaaaaaaaaa</td>
                                <td style="width: 120px;text-align: center;">aaaaaaaaa</td>
                                <td style="width: 120px;text-align: center;"> aaaaaaaaa</td>
                                <td style="width: 120px;text-align: center;">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
                                <td style="width: 120px;text-align: center;">aaaaaa</td>
                                <td>
                                    <input type="image" src="images/icn_edit.png" title="Edit">
                                    <input type="image" src="images/icn_trash.png" title="Trash">
                                </td>
                            </tr>
                        </table>
                    </div>
                </fieldset>
                <div class="clear"></div>
            </div>
            <footer>

            </footer>
        </article>

    </section>


</body>

</html>
